<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>线上展厅</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<!-- 引入YDUI样式 -->
		<link rel="stylesheet" href="{:_SKIN}/weixin/zhanhui/jc/ydui/build/css/ydui.css" />
		<!-- 引入YDUI自适应解决方案类库 -->
		<script src="{:_SKIN}/weixin/zhanhui/jc/ydui/build/js/ydui.flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/zhanhui/jc/css/reset.css" />
		<style type="text/css">
			.content {
				max-width: 720px;
				margin: 0 auto;
				text-align: center;
			}
			
			.tt {
				margin-top: -5px;
			}
			
			.aa {
				width: 100%;
				background-image: url({:_SKIN}/weixin/zhanhui/jc/img/zc3.png);
				background-size: 100% 100%;
				background-repeat: no-repeat;
			}
			
			.bb {
				width: 82%;
				margin: 0 auto;
			}
			.cc{
				background-color: #fefce3;
				text-align: center;
				position: relative;
			}
			.bor{
				border: 1px solid #e81617;
			}
		</style>
	</head>

	<body>
		<div class="content">
			<img src="{:_SKIN}/weixin/zhanhui/jc/img/zc1.png" width="100%" class="tt" />
			<img src="{:_SKIN}/weixin/zhanhui/jc/img/zx2.png" width="100%" class="tt" />
			<div class="aa tt">
				<div class="bb">
					<article class="m-list list-theme1">
					   {volist name="list" id="v"}
						<a href="{:url('cplist',['name'=>$v['title']])}" class="list-item">
							<div class="list-img">
								<img src="{:config('cdn')}{$v.pic}">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title" style="color: #FFFFFF;">{$v.title}</h3>
							</div>
						</a>
						{/volist}
						
					</article>
				</div>
			</div>
			<img src="{:_SKIN}/weixin/zhanhui/jc/img/zc4.png" width="100%" class="tt"/>
			<div class="cc">
				<img src="{:_SKIN}/weixin/zhanhui/jc/img/zc5.png" width="202px" style="margin: 0 auto;padding-bottom: 10px;padding-top: 10px;"/>
				<img src="{:_SKIN}/weixin/zhanhui/jc/img/zc6.png" width="53px" style="position: absolute;right: 0;top: 26px;"/>
				<img src="{:_SKIN}/weixin/zhanhui/jc/img/zc7.png" width="60px" style="position: absolute;left: 0;"/>
				<div style="clear: both;"></div>
				<div class="bb"><!-- 
					<article class="m-list list-theme1">
						<a href="#" class="list-item">
							<div class="list-img bor">
								<img src="{:_SKIN}/weixin/zhanhui/jc/img/xm.png">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title">标题标题标题标题标题</h3>
							</div>
						</a>
						<a href="#" class="list-item">
							<div class="list-img bor">
								<img src="img/xm.png">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title">标题标题标题标题标题</h3>
							</div>
						</a>
						<a href="#" class="list-item">
							<div class="list-img bor">
								<img src="img/xm.png">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title">标题标题标题标题标题</h3>
							</div>
						</a>
						<a href="#" class="list-item">
							<div class="list-img bor">
								<img src="img/xm.png">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title">标题标题标题标题标题</h3>
							</div>
						</a>
						<a href="#" class="list-item">
							<div class="list-img bor">
								<img src="img/xm.png">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title">标题标题标题标题标题</h3>
							</div>
						</a>
						<a href="#" class="list-item">
							<div class="list-img bor">
								<img src="img/xm.png">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title">标题标题标题标题标题</h3>
							</div>
						</a>
						<a href="#" class="list-item">
							<div class="list-img bor">
								<img src="img/xm.png">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title">标题标题标题标题标题</h3>
							</div>
						</a>
						<a href="#" class="list-item">
							<div class="list-img bor">
								<img src="img/xm.png">
							</div>
							<div class="list-mes" style="background: none;">
								<h3 class="list-title">标题标题标题标题标题</h3>
							</div>
						</a>
					</article>
				 --></div>
			</div>
			<img src="{:_SKIN}/weixin/zhanhui/jc/img/zc8.png" width="100%"/>
		</div>
	</body>

</html>